<!-- 书单内容组件 -->
<template>
  <div class="sdnr">
    <h2>{{ title }}</h2>
    <img :src="src" alt="" />
    <p>{{ ppp }}</p>
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {};
  },
  props: ["title", "src", "ppp"],
  computed: {},
  watch: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style scoped>
.sdnr {
  margin-top: 0.2rem;
}
img {
  width: 100%;
}
h2 {
  font-size: 0.2rem;
}
p {

  font-size: 0.18rem;
  width: 70%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
</style>